
<template>
  <div>
      <!-- 动态绑定style属性 -->
      <h1 :style="{color:inColor}">你好</h1>
      <!-- 属性名和变量名一致,变量名可以省略 -->
      <h1 :style="{color}">hello</h1>
  </div>
</template>

<script>
export default {
data(){
    return{
        inColor:'green',
        color:'skyblue'
    }
}
}
</script>

<style>

</style>